<!--下拉选择型，包括下拉列表（单选、多选）、联动的下拉、可写字的下拉-->
<template>
  <!--查询内容-->
  <div :style="{width: (150 * colCount - 10 ) + 'px'}" style="float:left;">
    <div style="float:left;" :style="{width: (150 * colCount - 40 ) + 'px'}">
      <component
        :is="formItemKey[controlType]"
        :model="model"
        v-bind="$attrs"
        colName="value"
      >
      </component>
    </div>
  </div>
</template>

<script>
import { defineComponent } from 'vue'

// 引入表单子控件
// import { formItem } from '../../form/item/_map-form-item'

/*
const {
  nfSelect,
  nfSelectCascader,
  nfSelects
} = formItem
*/

/*
* 查询子控件，文本类
* * 单行文本
* * 多行文本
* * ulr、电话、邮箱等
*/
export default defineComponent({
  name: 'el-find-item-list',
  inheritAttrs: false,
  props: {
    controlType: Number, // 控件类型
    model: Object, // 查询结果，数组形式
    colCount: { // 占用空间
      type: Number,
      default: 1
    },
    delay: { // 防抖
      type: Number,
      default: 0
    }
  },
  components: {
    // nfSelect,
    // nfSelectCascader,
    // nfSelects
  },
  setup (props, context) {
    // 表单子控件 to 查询子控件 的 字典
    // console.log('查询文本框===props', props, context)

    const formItemKey = {
      160: 'nf-select',
      161: 'nf-selects',
      162: 'nf-select-cascader',
      163: 'nf-select-level'
    }
    return {
      formItemKey
    }
  }
})
</script>
